//对于axios函数库进行二次封装
// 二次封装的目的是什么
/*  目的：
        1.利用axios请求，响应拦截器功能
        2:请求拦截器，一般可以在请求头中携带公共参数：token
        3:响应拦截器，可以简化服务器返回的数据，处理http网络错误
*/
import axios from 'axios'
import useUserStore from "@/store/modules/user.ts";
// @ts-ignore
import {ElMessage} from "element-plus";
//利用axios.create方法创建一个axios实例：可以设置基础路径、超时时间
const request = axios.create({
    baseURL: '/api', //请求的基础路径
    timeout: 5000//超时时间，超时失败
})
//请求拦截器
request.interceptors.request.use((config) => {

    //获取用户仓库
    let userStore = useUserStore()
    //token:公共参数，用户登录后需要携带
    if (userStore.userInfo.token) {
        config.headers.token = userStore.userInfo.token
    }
    //config:请求拦截器回调注入的对象（配置对象）
    //配置对象身上最重要的一件事就是headers属性
    //可以通过请求头携带公共参数-token
    return config
})

request.interceptors.response.use((response) => {
    //响应拦截器成功的回调，一般会进行简化数据
    return response.data
}, (error) => {
    //处理http网络错误
    let status = error.request.status

    switch (status) {
        case 404:
            //错误提示信息
            ElMessage({
                type: 'error',
                message: "请求路径出现问题"
            })
            break;
        case 500 | 501 | 502 | 503 | 504 | 505 | 506 | 507:
            ElMessage({
                type: 'error',
                message: "服务器挂了！"
            })
            break;
        case 401:
            ElMessage({
                type: 'error',
                message: "请求参数有误！"
            })
            break;
    }
    return Promise.reject(new Error(error.message))
})
export default request


